<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%--
<div style="width:900px;height:150px;margin-left:auto;margin-right:auto;">
    <p style="text-align:right;">
        <%
            if(session.getAttribute("LoginName")==null)
                out.write("<a href=\"javascript:showLoginLightBox();\">登入</a>&nbsp;&nbsp;");
            else
            {
                String url=request.getRequestURI();
                String a=String.format("%s，您好！&nbsp;&nbsp;<a href=\"/MyStruts2Web/tool/AjaxLogout?url=%s\">登出</a>&nbsp;&nbsp;",
                        session.getAttribute("LoginName"),url);
                out.write(a);
            }
        %>                
    </p>
    <img src="" style="width:150px;height:100px;" />
    <span style="font-size:36pt;font-weight:bold;">巨匠小鋪 Struts2 Web</span>
</div>
--%>
    <head>
        <meta charset="utf-8">
        <title>JAVA CAMPING</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
		<meta name="author" content="templatemo">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300' rel='stylesheet' type='text/css'>
        
        <link rel="stylesheet" href="../css/bootstrap.min.css">
        <link rel="stylesheet" href="../css/font-awesome.css">
        <link rel="stylesheet" href="../css/animate.css">
        <link rel="stylesheet" href="../css/templatemo_misc.css">
        <link rel="stylesheet" href="../css/templatemo_style.css">
        <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="../js/lightbox/js/lightbox.min.js"></script>
        <link href="../js/lightbox/css/lightbox.css" rel="stylesheet" type="text/css">

        <script src="../js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
        <script type="text/javascript" src="../scripts/LoginLightBox.js"></script>
        <script type="text/javascript" src="../scripts/jquery-1.11.1.min.js"></script>
        
        <!--jquery 頁籤-->		
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>

         <style type="text/css">
            #ContentDiv{
                width:100%;
                margin-left: auto;
                margin-right: auto;
            }
         </style>
    </head>
  <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
        <![endif]-->
        <div class="site-header">
            <div class="container">
                <div class="main-header">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-xs-10">
                            <div class="logo">
                                <a rel="nofollow" href="/JavaCamping/home">
                                    <img src="/JavaCamping/images/logo.png">
                                </a>
                            </div> <!-- /.logo -->
                        </div> <!-- /.col-md-4 -->
                        <div class="col-md-8 col-sm-6 col-xs-2">
                            <div class="main-menu">
                                <ul class="visible-lg visible-md">
                                    <li><a href="/JavaCamping/booking">預約住宿</a></li>
                                    <li><a href="/JavaCamping/member">會員專區</a></li>
                                    <li><a href="/JavaCamping/info">營地介紹</a></li>
                                	<li><a href="/JavaCamping/camp">公司簡介</a></li>
                                    <li><a href="/JavaCamping/traffic">交通資訊</a></li>
                                </ul>
                                <a href="#" class="toggle-menu visible-sm visible-xs">
                                    <i class="fa fa-bars"></i>
                                </a>
                            </div> <!-- /.main-menu -->
                        </div> <!-- /.col-md-8 -->
                    </div> <!-- /.row -->
                </div> <!-- /.main-header -->
                <div class="row">
                    <div class="col-md-12 visible-sm visible-xs">
                        <div class="menu-responsive">
                            <ul>
                                <li><a href="index.html">預約住宿</a></li>
                                <li><a href="services.html">會員專區</a></li>
                                <li><a href="events.html">營地介紹</a></li>
                                <li><a href="about.html">公司簡介</a></li>
                                <li><a href="contact.html">交通資訊</a></li>
                            </ul>
                        </div> <!-- /.menu-responsive -->
                    </div> <!-- /.col-md-12 -->
                </div> <!-- /.row -->
            </div> <!-- /.container -->
        </div> <!-- /.site-header -->
        <div class="page-top" id="templatemo_events">
        </div>
         <div class="client"><!--親愛的 user 您好-->
                <%
                    if(session.getAttribute("LoginName")==null)
                        out.write("<a href=\"javascript:showLoginLightBox();\">登入</a>&nbsp;&nbsp;");
                    else
                    {
                        String url=request.getRequestURI();
                        String a =String.format("%s，您好！&nbsp;&nbsp;<a href=\"/JavaCamping/tool/AjaxLogout?url=%s\">登出</a>&nbsp;&nbsp;",
                        session.getAttribute("LoginName"),url);
                        out.write(a + "會員編號：" + session.getAttribute("MemberID") );
                    }
                %>
         </div>
        <div class="middle-content">
            <div class="container"> </body>
</html>